<%@page import="co.com.sed.model.util.Util"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<%!
java.util.Calendar cal = java.util.Calendar.getInstance(java.util.Locale.US);
java.util.Date date = cal.getTime();
//java.text.DateFormat formateadorHora = java.text.DateFormat.getTimeInstance(java.text.DateFormat.FULL);
java.text.DateFormat formateadorFecha = java.text.DateFormat.getDateInstance(java.text.DateFormat.FULL);
java.text.DateFormat formateadorFechaEnviar = java.text.DateFormat.getDateInstance(java.text.DateFormat.MEDIUM);

String fechaActual=formateadorFecha.format(date);
String fechaActualEnviar=formateadorFechaEnviar.format(date);

//String horaActual=formateadorHora.format(date);
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<jsp:include page="../comun/headHTML.jsp">
			<jsp:param name="mootools" value="si" />
			<jsp:param name="incluirCalendario" value="si" />
			<jsp:param name="incluirView" value="no" />
		</jsp:include>
<script>
	function buscarEvaluado() {
		var myRequest = new Request.HTML({
			url : '/sedcco/app/adminsistem/',
			evalScripts : false,
			data : {
				action : 'buscarEvaluado',
				txtBuscarEvaluado : $('txtBuscarEvaluado').value
			},
			update : $('resultadoBuscarEvaluado')
		}).send();
	}

	function buscarEvaluador() {
		var myRequest = new Request.HTML({
			url : '/sedcco/app/adminsistem/',
			evalScripts : false,
			data : {
				action : 'buscarEvaluador',
				txtBuscarEvaluador : $('txtBuscarEvaluador').value
			},
			update : $('resultadoBuscarEvaluador')
		}).send();
	}

	function cargarEvaluado() {
		var combo = document.getElementById("usuarioActivo");
		var selected = combo.options[combo.selectedIndex].text;
		var arreglo = selected.split("-");
		var id = arreglo[0];
		id = id.replace(" ", "");
		//alert(id);
		var myRequest = new Request.HTML({
			url : '/sedcco/app/adminsistem/',
			evalScripts : false,
			data : {
				action : 'cargarEvaluado',
				txtBuscarEvaluado : id
			},
			update : $('resultadoCargarBuscarEvaluado')
		}).send();
	}
	function cargarEvaluadores() {
		var combo = document.getElementById("usuarioActivoEvaluadores");
		var selected = combo.options[combo.selectedIndex].text;
		var arreglo = selected.split("-");
		var id = arreglo[0];
		id = id.replace(" ", "");
		//alert(id);
		var myRequest = new Request.HTML({
			url : '/sedcco/app/adminsistem/',
			evalScripts : false,
			data : {
				action : 'cargarEvaluadores',
				txtBuscarEvaluador : id
			},
			update : $('resultadoCargarBuscarEvaluadores')
		}).send();
	}

	function insertarEvaluadorEVC() {
		/* var combotipoEvaluador = document.getElementById("tipoEvaluador");
		var selectedtipoEvaluador = combotipoEvaluador.options[combotipoEvaluador.selectedIndex].text;
		var selectedtipoEvaluadorId = combotipoEvaluador.options[combotipoEvaluador.selectedIndex].value; */

		var combo = document.getElementById("usuarioActivo");
		var selected = combo.options[combo.selectedIndex].text;
		var arreglo = selected.split("-");

		var id = arreglo[0];
		id = id.replace(" ", "");
		var nombreEvaluado = arreglo[1];

		var comboEvaluador = document
				.getElementById("usuarioActivoEvaluadores");
		var selected = comboEvaluador.options[comboEvaluador.selectedIndex].text;
		var arregloE = selected.split("-");

		var idE = arregloE[0];
		idE = idE.replace(" ", "");

		var nombreEvaluador = arregloE[1];
		
		var comboPeriodo = document.getElementById("periodo");
		var selectedPeriodo = comboPeriodo.options[comboPeriodo.selectedIndex].text;
		
		
		
		//var fecha=fechaAsignada.value;
		
		var estado = 0;
		if (document.getElementById("estado1").checked) {
			estado = 1;
		} else {
			estado = 0;
		}
		
		var myRequest = new Request.HTML({
			url : '/sedcco/app/adminsistem/',
			evalScripts : false,
			data : {
		
				action : 'insertarEvaluadorEVC',
				txtEvaluado : id,
				txtEvaluador : idE,
				txtPeriodo : selectedPeriodo,
				txtFechaAsignada : $('txtFechaAsignada').value,
				txtResultado : 0,
				txtEstado : estado,
				txtNombreEvaluado : nombreEvaluado,
				txtNombreEvaluador : nombreEvaluador/* ,
				txtTipoEvaluador : selectedtipoEvaluadorId */
				
			}/* ,
			update : $('resultadoTabla') */
		}).send();
	}
</script>
</head>
	<body>
		<div id="wrap">

			<div id="header">
				<div id="logo"></div>
				<jsp:include page="../comun/menuPrincipal.jsp" flush="true"/>
			</div>
			
			<div id="content">
	
				<div id="form_container">
			
					<form id="asignarEvaluacionEXC" class="appnitro"  method="post" action="/sedcco/app/evaluacionEVC">
							<div class="form_description">
								<h2>Asignar Evaluaci&oacute;n EvC</h2>
							</div>
							<div>
								<input class="description" id="txtFechaAsignada" disabled="disabled" name="txtFechaAsignada" class="element text medium" type="text" maxlength="255" value="<%=fechaActualEnviar%>"/>
							</div>
						<fieldset>
								<legend><h2>Evaluado</h2></legend>							
							<ul >	
								<li id="li_1" >
									<label class="description" for="identificacion">Buscar: </label>
									<div>
										<input id="txtBuscarEvaluado" name="txtBuscarEvaluado" class="element text medium" type="text" maxlength="255" value=""/>
										<input id="btnBuscarEvaluado" type="button" onclick="buscarEvaluado()" value="Buscar" /> 
									</div> 
									<div id="resultadoBuscarEvaluado"></div>									
								</li>
								<div id="resultadoCargarBuscarEvaluado"></div>
								<li id="li_8"><label class="description" for="periodo">Periodo (Año)</label>
								<div>
									<select id = "periodo" name="periodo" class="element select medium">
									  <option value="1">2012</option>
									  <option value="2">2013</option>
									  <option value="3">2014</option>
  									  <option value="4">2015</option>
  									  <option value="5">2016</option>
  									  <option value="6">2017</option>
  									  <option value="7">2018</option>
  									  <option value="8">2019</option>
  									  <option value="9">2020</option>									  
									</select>
								</div>
								</li>																			
							</ul>
							
						</fieldset>
						
						<fieldset> 
								<legend><h2>Evaluador</h2></legend>							
							<ul >
							<li id="li_1" >
									<label class="description" for="identificacion">Buscar: </label>
									<div>
										<input id="txtBuscarEvaluador" name="txtBuscarEvaluador" class="element text medium" type="text" maxlength="255" value=""/>
										<input id="btnBuscarEvaluador" type="button" onclick="buscarEvaluador()" value="Buscar" /> 
									</div>
									<div id="resultadoBuscarEvaluador"></div>
	
								</li>
								<div id="resultadoCargarBuscarEvaluadores"></div>
								
								                               
							</ul>
								<div class="buttons" style="margin-left:100px;">
									<input type="hidden" name="form_id" value="432248" />
									<input id="saveForm" class="button_text" type="button" name="agregar" value="Agregar" onclick="insertarEvaluadorEVC()"/>
								</div>
								<!-- <div id="resultadoTabla"></div> -->
						</fieldset>
						<br/>
						<br/>
						<div>
							<a href="/sedcco/app/adminsistem?action=formMenuExC"><img src="${applicationScope.rutaImagenes}logoatras.png" width="60" height="50" style="margin-left:120px;" /></a>
							<a href="#"><img src="${applicationScope.rutaImagenes}logoapagar.png" width="60" height="50" style="margin-left: 360px;" /></a>
						</div>
					</form>
			</div>
		</div>
			<jsp:include page="../comun/pie.jsp" flush="true"/>
		</div>
	</body>
</html>
